<template>
    <div class="detail">
        <section class="content-header">
            统计分析&nbsp;/&nbsp;历史数据查询&nbsp;/&nbsp;历史详情
        </section>
        <section class="box box-default">
            <div class="box-header with-border">
                <p class="box-title" style="font-size:14px;">用户名称：{{$route.query.userName}}</p>
            </div>
            <div class="box-body">
                <div class="nav-tabs-custom">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#tab_1" data-toggle="tab">日</a></li>
                        <li><a href="#tab_2" data-toggle="tab">月</a></li>
                        <li><a href="#tab_3" data-toggle="tab">年</a></li>
                        <li><a href="#tab_4" data-toggle="tab">供水数据报表</a></li>
                        <li><a href="#tab_5" data-toggle="tab">排水数据报表</a></li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="tab_1">
                            <d-day/>
                        </div>
                        <!-- /.tab-pane -->
                        <div class="tab-pane" id="tab_2">
                            <d-month/>
                        </div>
                        <!-- /.tab-pane -->
                        <div class="tab-pane" id="tab_3">
                            <d-year/>
                        </div>
                        <div class="tab-pane" id="tab_4">
                            <d-gongshui/>
                        </div>
                        <div class="tab-pane" id="tab_5">
                            <d-paishui/>
                        </div>
                        <!-- /.tab-pane -->
                    </div>
                    <!-- /.tab-content -->
                </div>
            </div>
        </section>
    </div>
</template>

<script>
import dDay from "@/components/detail/day.vue";
import dMonth from "@/components/detail/month.vue";
import dYear from "@/components/detail/year.vue";
import dGongshui from "@/components/detail/gongshui.vue";
import dPaishui from "@/components/detail/paishui.vue";

export default {
    data() {
        return {
        }
    },
    components:{
        dDay,dMonth,dYear,dGongshui,dPaishui
    },
    mounted() {
    },
    methods: {

    }
}
</script>

<style>
</style>
